/*
	http://www.debian.org Stylesheet

	Copyright 2011 Kalle Söderman

	This stylesheet is free software; you can redistribute it and/or modify it
	under the terms of the GNU General Public License, version 2, as published by
	the Free Software Foundation.

	This program is distributed in the hope that it will be useful, but WITHOUT ANY
	WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
	PARTICULAR PURPOSE. See the GNU General Public License for more details.

	You should have received a copy of the GNU General Public License along with
	this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
	Street, Fifth Floor, Boston, MA 02110-1301 USA.

	The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
	/usr/share/common-licenses/GPL-2 on Debian GNU/Linux.  
*/
	
/*	
	Font size table (Browser default 16px)

	pixels      relative
	--------------------
	36px        2.25em
	31px        0.5161em
	24px        1.5em
	21px        1.3125em
	18px        1.125em
	16px        1em
	14px        0.875em
	12px        0.75em
	11px        0.6875em
	10px        0.625em
	9px         0.5625em
	--------------------
*/

/* Reset */
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body            { line-height: 1; color: black; background: white; }
ol, ul          { list-style: none; }
table           { border-collapse: separate; border-spacing: 0; }
blockquote, q   { quotes: "" ""; }
html            { background-color: transparent; }
:focus          { outline: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

/* Main */

body {
	margin: 0;
	font: normal 100% sans-serif;
	line-height: 1.5;
	color: #222;
	background-color: white;
	background-image:url('Pics/gradient.png');
	background-position: 0 0;
	background-repeat: repeat-x;
	/* Uncomment to show baseline grid 
	background-image: url('24grid.png');
	background-position: 30px 9px; 
	*/
}
#content {
	margin: 0 10px 0 52px;
}
#inner {
	position: relative;
}
#maincol {
	margin: 0 15em 1.5em 0;
}

/* Header */

#header {
	margin:0;
	padding:0 10px 0 52px; 
}
#header a:link
, #header a:visited
, #second-nav a:link
, #second-nav a:visited {
	text-decoration: none;
}
#header a:hover
, #second-nav a:hover {
	text-decoration: underline;
}
#breadcrumbs {
	margin:0;
	font-size: 0.75em;
	text-transform: lowercase;
	line-height: 2;
	background-color: transparent;
	background-color: #f5f6f7;
	border-bottom: 1px solid #d2d3d7 ;
	min-height: 20px;
}
#breadcrumbs:before {
	content: "/";
	margin-left: 0.5em;
	margin-right: 0.5em;
}
p.section {
	margin: 0;
	padding: 0 5px 0 5px;
	font-family:monospace;
	line-height: 16px;
	color:white;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	position:absolute;
	top: 0px;
	left:52px;
	background-color: #c70036;
}
p.section a {
	color: white;
	text-decoration: none;
}
p.section a:hover {
	color:white;
	text-decoration: underline;
}
#navbar {
	background-color: transparent;
	list-style:none;
	display:block;
	border-bottom:1px solid #c70036;
	text-indent:0;
	padding: 0;
	margin-top:0;
	margin-bottom:0;
}
#navbar ul {
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	min-height: 45px;
}
#navbar li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#navbar a:link
, #navbar a:visited {
	padding: 1.75em 0.5em 0.25em 0.5em;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	display: block;
	text-decoration: none;
}
#navbar a:visited {
	color: #54638c;
}
#navbar a:hover
, #navbar a:visited:hover {
	background-color: #f5f6f7;
	border-left: 1px solid  #d2d3d7;
	border-right: 1px solid #d2d3d7;
	text-decoration: underline;
}
ul.subnav {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0;
}
ul.subnav li {
	display: inline;
	margin-right: 1em;
}
#searchbox {
	text-align:left;
	line-height: 1;
	margin: 0 10px 0 0.5em;
	padding: 1px 0 1px 0;
	position: absolute;
	top:0;
	right:0;
	font-size: 0.75em;
}
#searchbox p {
	margin: 0;
	padding: 0;
}
#upperheader {
	margin:0;
	padding:0;
}
#logo {
	position:absolute;
	top:0;
	left:0;
	padding: 0;
	background-color: transparent;
	border: 1px solid transparent;
	border-top: 0;
	width: 50px;
	height: 5.07em;
	min-height: 65px;
}
#logo a {
	display: block;
	position: relative;
	padding: 0;
	height: 100%;
	min-height: 65px;
}
#logo img {
	margin-top: 5px;
	position: absolute;
	bottom: 0.3em;
	overflow: auto;
}
#logo:hover {
	border: 1px solid #d2d3d7 ;
	border-top: 0;
	background-color: #f5f6f7;
}
span.relatedpages {
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-right: 1em;
	margin-top: 0.25em;
	font-size: 0.75em;
	text-align: right;
	float: right;
	margin-top: -1.5em;
}
span.relatedpages a {
	margin: 0 0 0 1em;
	text-decoration: none;
}
span.relatedpages a:hover {
	text-decoration: underline;
}

/* Links */

a:link {
	color: #0035c7;
	text-decoration: underline;
}
a:visited {
	color: #54638c;
}
a:link:hover {
	text-decoration: none;
	color: #00207a;
}
a:visited:hover {
	text-decoration: none;
}
a:active {
	color:#c2c3c7;
}
a img {
	border:0;
}
a.rss_logo {
	font-size: 0.75em;
	float: right;
	width: 35px;
	line-height: 10px;
	color: #ffffff;
	background-color: #ff6600;
	font-weight: bold;
	font-family: sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 0.25em;
	margin-left: 0.25em;
	border: 1px solid #ff6600;
}

a.rss_logo:hover {
	background-color: white;
	border: 1px solid #ff6600;
	color: #ff6600;
}

a.rss_logo.generic {
	background-color: #ff8800;
}

a.rss_logo.generic:hover {
	background-color: #ee7700;
}


/* Secondnav */

#second-nav {
	width: 16em;
	font-size: 0.75em;
	line-height: 1.5;
	float: right;
	top: 0;
	right: 0;
	margin: 3em 0 0 0;
	padding: 0 0 0 1em;
	border-left: 1px solid #d2d3d7 ;
}
#second-nav ul {
	padding:0;
	margin:0;
	list-style:none;
}
#second-nav ul ul {
	margin-left: 1em;
}
#second-nav li {
	font-weight: normal;
	margin:0;
	padding:0;
}
#second-nav p {
	line-height: 2;
	font-weight: bold;
	margin: 0;
}
#second-nav h2 {
	margin:0;
}

/* Typography */

p {
	margin: 1.5em 0 1.5em 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
	color: #444;
}
small {
	font-size: 0.75em;
}
sup {
	font-size: 0.75em;
	vertical-align:top;
}
h1
, h2
, h3
, h4
, h5
, h6 {
	font-weight: 600;
	color: black;
}
h1 {
	font-weight: normal;
	font-size: 1.8em;
	line-height: 0.83333;
	margin: 0.83333em 0 0.83333em 0;
}
h2 {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.0714286;
	margin: 1.0714286em 0 1.0714286em 0;
}
h3 {
	font-size: 1.125em;
	line-height: 1.333em;
	margin: 1.333em 0 1.333em 0;
}
h3 {
	font-size: 1em;
	line-height: 1.5;
	margin: 1.5em 0 1.5em 0;
	font-weight: bold;
}
h4 {
	font-weight: normal;
	font-style: italic;
	margin: 1.5em 0 1.5em 0;
	color: #444;
}
h5 {
	font-style: italic;
	font-size: 0.75em;
	margin: 2em 0 2em 0;
}
ol,ul {
	padding-left: 1.5em;
	margin-left:0;
	margin: 1.5em 0 1.5em 0;
}
ol>ol, ul>ul, li>ol, li>ul {
	margin: 0;
}

ol {
	list-style-type: decimal;
}
ul {
	list-style-type: disc;
}
ul.nolist {
	list-style: none;
	padding:0;
}
th {
	font-weight: bold;
	margin: 1.5em 0 1.5em 0;
}
hr {
	border: none;
	background-color: #bbb;
	height: 1px;
	margin: 1.4375em 0 1.5em 0;
}
pre {
	margin: 1.5em 0 1.5em 0;
	overflow: auto;
	font-family: monospace;
	white-space: pre;
	color: black;
}
tt, code {
	font-family: monospace;
	color: black;
}
code {
	white-space: pre;
	padding: 0.5em;
	display: block;
	background-color: #f5f6f7;
	border: 0.1em solid #d2d3d7 ;
	overflow: auto;
}
tt {
	margin: 0;
	padding:0;
}
dt {
	margin: 1.5em 0 0 0;
	font-weight: bold;
}
dd {
	margin:  0 0 0 1.5em;
}
blockquote {
	font-size: 0.75em;
	margin: 2em;
	line-height: 2;
}
cite {
	font-style: italic;
	color: #444;
}
acronym, abbr {
	text-transform: uppercase;
	font-size: 0.9em;
}
.toc {
	font-size: 0.75em;
	list-style:none;
	background-image: url('Pics/greydot.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	line-height:1.833;
	padding: 0;
	max-width: 62%;
	margin: 2em 0 2em 0;
}
.toc li {
	background-image: url('Pics/greydot.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0.0833em 0 0.0833em 0;
 }
.toc a {
	display:block;
	text-decoration: none;
}
.toc a:hover {
	display:block;
	background-color: #f0f0f4;
	text-decoration: underline;
}
.toc dt {
	margin: 0;
	background-image: url('Pics/greydot.png');
	background-position: top left;
	background-repeat: repeat-x;
	padding: 0.0833em 0 0.0833em 0;
}

/* Sitemap */

.card {
	clear:both;
	margin:1.5em 0 1.5em 0;
	background-position: 0 -50px;
	background-repeat: repeat-x;
	padding:0;
}
.card ul {
}
.card ul li {
	list-style:none;
}
.card h2 {
}
.lefthalf {
	float:left;
}
.righthalf {
	margin-left:50%;
}
.lefthalf ul {
	margin-top:0;
}

/* Footer */

#footer {
	font-size: 0.75em;
	border: 1px solid #dfdfe0;
	padding:1em;
	background-color: #f5f6f7;
	margin: 1.5em 10px 0 52px;
	line-height: 1.5em;
	border-left: 0;
	border-right: 0;
	clear: both;
}
#content #footer {
	margin-left: 0;
}
#footer p {
	margin: 1em 0 1em 0;
}
#footer hr {
	border-top: 1px solid #d2d3d7;
	border-bottom: 1px solid white;
	height: 0;
}
#footer .editbar li {
	display: inline;
	margin-right: 2em;
}
#footer .info {
}
#fineprint {
	margin-bottom: 1em;
}
#footermap {
	list-style:none;
	margin: 0 0 0 0;
	padding: 0;
	width:100%;
	overflow: hidden;
	border: 0;
}
ul#footermap-cola a
, ul#footermap-colb a
, ul#footermap-colc a
, ul#footermap-cold a
, ul#footermap-cole a {
	padding-left: 0;
}
ul#footermap-cola
, ul#footermap-colb
, ul#footermap-colc
, ul#footermap-cold
, ul#footermap-cole {
	float:left;
	width: 19%;
	min-width: 11em;
	height: 12em;		/* Update when adding items */
	margin:0 1% 0 0;
	padding: 2em 0 0 0;
	list-style: none;
}
ul#footermap-cole {
	width: 18.9%;
	margin-right:0;
}
#footermap-wrap {
	padding:2em;
	border-top: 1px solid white;
}
#footermap a {
	margin: 0;
}
#footermap ul{
	list-style: none;
	padding:0;
}
#footermap li {
	text-indent:0;
	background-color: transparent;
	font-weight:bold;
}
#footermap li ul {
	margin: 0;
	padding: 0;
}
#footermap li li {
	margin:0;
	text-indent:0;
	padding:0;
	font-weight:normal;
	border:0;
	background-image:none;
	background-color:transparent;
}
#serverselect {
}
#serverselect input
, #serverselect option 
, #serverselect select {
}
#serverselect ul {
	display: inline;
	margin-left: 2em;
}
#serverselect li {
	list-style: none;
	display: inline;
	padding:0 1em 0 1em;
	margin:0;
}
#serverselect form p {
	margin:0;
	padding:0;
	line-height: 1;
}
.lcol50 {
	float: left;
	width: 49%;
	font-size:0.75em;
	margin:0 0 0 0;
	padding:0 0.5em 0 0;
}
.lcol50 h2 {
	margin-top:0;
}
.rcol50 {
	margin:0 0 0 51%;
	padding:0;
	font-size:0.75em;
}
form#pageLang {
	display: inline;
}

/* Extras */

input:focus {
	background-color:#FFFFCB;
	
}
.hidecss {
	display: none;
}
.clear {
	clear:both
}
#clear {
	clear:both;
	border:0;
	height:1px;
	display:block;
}
.quicklist {
	list-style: none;
	font-size: 0.75em;
	margin: 2em 0 2em 0;
	padding:0;
	text-indent:0;
	line-height: 2em;
}
.quicklist li  {
	display:inline;
}
.item p{
	margin: 0;
}
.item h2
, .item p
, .item ul{
	margin-right: 10px 
}
.item h2
, .item h3
, .item h4
, .item h5 {
	margin-top: 0;
}
.line {
	padding: 0;
	width: auto;
	overflow: hidden;
}
div.downloads {
	border-top: 0.17em solid #339900;
	margin: 1.33em 0 0 0; 
}
.downloads ul.downlist {
	margin:0;
}
div.downloads .col50 { 
	border-top: 0.15em solid #339900;
}
ul.downlist {
	padding-left: 30px;
	text-indent:0;
	background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
	min-height: 23px;
	/* 
	 * border-top: 0.17em solid #339900;
	 */
}
ul.quicklist.downlist {
	border-top: 0.17em solid #339900;
	padding-top: 0.25em;
	margin-top: 1.6em;
}
ul.downlist li {
	display: inline;
}
ul.downlist li:after {
	content: ', ';
}
ul.downlist li:last-child:after {
	content: '';
}
div.tip
, div.important
, div.warning
, div.note 
, div.trans-note {
	padding:0 2em 0 4em;
	margin: 1.85em 0 1.85em 0;
	background-repeat: no-repeat;
	background-position: 0.5em 0.5em;
	font-size: 0.75em;
	line-height: 2em;
	background-color:#FFFFCB;
	border:0.15em solid #CCCCA3;
}
div.tip p
, div.important p
, div.warning p
, div.note p 
, div.trans-note p {
	margin: 1em 0 1em 0;
}
div.tip {
	background-image: url('Pics/admon-tip.png');
}
div.important{
	background-image: url('Pics/admon-important.png');
}
div.warning {
	background-image: url('Pics/admon-warning.png');
}
div.note
, div.trans-note  {
	background-image: url('Pics/admon-note.png');
}

/* Layout Elements */

.col50
, .cardleft
, .cardright {
	width:47.5%;
	float: left;
}
.lastcol
, .cardright {
	margin: auto;
	width: 47.5%;
	float:left;
	padding-right: 0;
	margin-left: 5%;
}
.lastcol h2
, .lastcol p
, .lastcol ul {
	margin-right:0;
}
.cardleft h2 {
	margin-right: 1em;
}
.cardright div {
	margin-left: 1.5em;
}
.cardright h2 {
	margin-left: 1em;
}
.votemenu a {
	display:block;
}
table.vote td, table.vote th {
	padding-right: 1.5em;
}
#maincol.with-toolbox {
	margin-right: 14em;
}
div.tabular table, table.tabular, table.vendors {
/*	border-bottom: 1px solid #a9abb3;
	border-top: 1px solid #a9abb3; */
	border-bottom: 0.15em solid #666;
	border-top: 0.15em solid #666;
	width: auto;
	font-size: 0.75em;
	line-height: 2em;
	margin-bottom: 4em;
	margin-top: -0.169em;
}
table td {
	padding-right: 1.5em;
	background-image: url('Pics/greydot.png');
	background-position: bottom left;
	background-repeat: repeat-x;
}
div.tabular table tr, table.tabular tr, table.vendors tr {
	width: 100%;
}
table th {
	padding-right: 1.5em;
	border-bottom: 1px solid black;
}
div.tabular table td, table.tabular td, table.vendors td {
	background-image: url(Pics/greydot.png);
	background-position: top left;
	background-repeat: repeat-x;
}
div.tabular table > td:first-child, table.tabular  > td:first-child, table.vendors  > td:first-child {
	background-image: none;
}
#pageLang p, #pageLang form {
	display: inline;
}
.inline  a {
	float: left;
	margin-right: 1em;
}
/* for l10n-arabic */
.bidi {
	direction: rtl;
	text-align: right;
}

